fix: redirect to origin page after deleting an item

2 files changed, 8 insertions, 4 deletions

diff --git a/src/routes/grocery/[id]/+page.server.ts b/src/routes/grocery/[id]/+page.server.ts
index 6aed71e..d06c810 100644
--- a/src/routes/grocery/[id]/+page.server.ts
+++ b/src/routes/grocery/[id]/+page.server.ts
@@ -23,7 +23,7 @@ export interface GroceryDetailOutput {
 	categories: Category[];
 }
 
-export const load: PageServerLoad = async ({ params }) => {
+export const load: PageServerLoad = async ({ params, url }) => {
 	const id = numericId(params.id);
 
 	const [item] = await db.select().from(groceries).where(eq(groceries.id, id));
@@ -38,6 +38,7 @@ export const load: PageServerLoad = async ({ params }) => {
 
 	const refs = await loadForGrocery(id);
 	const cats = await loadCategories();
+	const from = url.searchParams.get('from') || '/';
 
 	return {
 		item: {
@@ -46,6 +47,7 @@ export const load: PageServerLoad = async ({ params }) => {
 		},
 		references: refs,
 		categories: cats,
+		from,
 	};
 };
 
@@ -95,7 +97,8 @@ export const actions: Actions = {
 	deleteItem: async ({ params, request }) => {
 		const groceryId = numericId(params.id);
 		await deleteGrocery(groceryId);
-		const referer = request.headers.get('referer');
-		throw redirect(303, referer || '/');
+		const data = await request.formData();
+		const from = parseFormString(data.get('from')) || '/';
+		throw redirect(303, from);
 	},
 };
diff --git a/src/routes/grocery/[id]/+page.svelte b/src/routes/grocery/[id]/+page.svelte
index c74166b..6588ec0 100644
--- a/src/routes/grocery/[id]/+page.svelte
+++ b/src/routes/grocery/[id]/+page.svelte
@@ -137,10 +137,11 @@
 {/if}
 
 <form method="POST" action="?/deleteItem" use:enhance>
+	<input type="hidden" name="from" value={data.from} />
 	<button type="submit" class="delete-item-btn">Supprimer l'article</button>
 </form>
 
-<a href="/" class="back-link">&larr; Retour à la liste</a>
+<a href={data.from} class="back-link">&larr; Retour</a>
 
 <style>
 	.ref-row {